.bar{
    background: url("../img/nav.png");
    background-size:100% 100%;
    text-align:center;
}
.bar-nav-mt1{
    margin-top: 0.85rem;
}
.bar-nav-mt1 img{
    width: 18px;
    height: 16px;
}
.bar-nav-mt2{
    margin-top: 0.7rem;
}
.bar-nav-mt2 img{
    width: 27px;
    height: 6px;
}
.color-white{
    color: #ffffff;
    font-size: 0.8rem;
    width: 60%;
    margin-left: 20%;
}

.right-more{
    position: relative;
}
.more-setting{
    display: none;
    position: absolute;
    right: 0.5rem;
    top:1.8rem;
}
#triangle-up {
    width: 0;
    margin-left: 5.5rem;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-bottom: 0.5rem solid #4E575E;
}

.more-setting-div{
    width: 7rem;
    height: 7.5rem;
    background-color: #4E575E;
    border-radius: 0.2rem;
    z-index:999;
    margin-right: -0.3rem;
}
.more-setting-div-content{
    display: block;
    width:6rem;
    height: 2.4rem;
    margin-left:0.5rem;
    border-bottom:1px solid #BBB;
}
.more-setting-div-content img{
    margin-top: 0.6rem;
    float: left;
    width: 1.2rem;
    height: 1.2rem;
    margin-left: 0.1rem;
}
.more-setting-div-content span{
    float: left;
    color: #f6f6f6;
    font-size: 0.8rem;
    line-height: 1.0rem;
    padding-left: 0.7rem;
    padding-top: 0.7rem;
}